<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    
    <style>
      :root {
        --c-bg: #fff;
      }
      html.dark {
        --c-bg: #22272e;
      }
      html, body {
        background-color: var(--c-bg);
      }
    </style>
    <script>
      const userMode = localStorage.getItem('vuepress-color-scheme');
			const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
			if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
				document.documentElement.classList.toggle('dark', true);
			}
    </script>
    <link rel="icon" href="/images/logo.ico"><title>自定义主题 | TinyLayer</title><meta name="description" content="使用 Vue 开发的桌面端轻量级弹窗组件">
    <link rel="preload" href="/tinylayer/assets/style.e8463e28.css" as="style" /><link rel="stylesheet" href="/tinylayer/assets/style.e8463e28.css" />
    <link rel="modulepreload" href="/tinylayer/assets/app.eb329006.js"><link rel="modulepreload" href="/tinylayer/assets/index.html.55326070.js"><link rel="modulepreload" href="/tinylayer/assets/index.html.4a5feb4e.js"><link rel="prefetch" href="/tinylayer/assets/index.html.c7688766.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.abd17dcb.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.084f3132.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.b5fbbac0.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.81714a03.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.c67b9fe5.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.f1942e27.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/event-slot.html.66ca94b3.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/prop.html.24f45611.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.ffbb14fd.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/autoclose.html.dbc057a2.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/basic.html.3bf71ccd.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/content-background.html.17425895.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/content-height.html.45476a0f.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/custom-btntext.html.a0782b84.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/custom-footer.html.ae2ff59f.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/custom-header.html.eb2d3cc0.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/drag.html.f7ea26d3.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/fullscreen.html.c0c0898c.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/fullscreenicon.html.371446af.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/hide-headerfooter.html.d58afdc4.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/iframe.html.de66be8a.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/more-layer.html.4d2c6929.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/noline.html.353c2c16.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/ok-close.html.fa7422ea.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/ok-loading.html.695f98b0.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/open-end.html.452c90ad.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/set-width.html.2935c177.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/404.html.c3e557d0.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.2be3c6b4.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.f1888ad3.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.9807b28c.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.04460dfa.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.895df67d.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.7241e37b.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.f0757d1d.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/event-slot.html.b6980f63.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/prop.html.4cf4e0b0.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/index.html.c805b5e0.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/autoclose.html.d493a6a2.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/basic.html.18bf331e.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/content-background.html.40ade561.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/content-height.html.c4c8ad02.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/custom-btntext.html.48af182c.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/custom-footer.html.cf121b3e.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/custom-header.html.5101b952.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/drag.html.cc3de171.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/fullscreen.html.ed2a522a.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/fullscreenicon.html.24adf6fb.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/hide-headerfooter.html.f3e9ad40.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/iframe.html.279b68e7.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/more-layer.html.93e4aa2b.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/noline.html.4b34dba4.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/ok-close.html.fb3d3b7a.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/ok-loading.html.028986c3.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/open-end.html.a526c2fd.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/set-width.html.5bbd61c2.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/404.html.93958e50.js" as="script" /><link rel="prefetch" href="/tinylayer/assets/tinylayer.676041a3.js" as="script" />
  </head>
  <body>
    <div id="app"><!--[--><div class="theme-container"><!--[--><header class="navbar"><div class="toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a href="/tinylayer/" class=""><!----><span class="site-name">TinyLayer</span></a></span><div class="navbar-items-wrapper" style=""><!--[--><!--]--><nav class="navbar-items can-hide"><!--[--><div class="navbar-item"><a href="/tinylayer/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/tinylayer/introduce/" class="" aria-label="组件简介"><!--[--><!--]--> 组件简介 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/tinylayer/guide/" class="router-link-active" aria-label="使用指南"><!--[--><!--]--> 使用指南 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/tinylayer/changelog/" class="" aria-label="更新日志"><!--[--><!--]--> 更新日志 <!--[--><!--]--></a></div><div class="navbar-item"><a class="external-link" href="https://gitee.com/dreamer365/tinylayer/issues" rel="noopener noreferrer" target="_blank" aria-label="提交Bug"><!--[--><!--]--> 提交Bug <span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span><!--[--><!--]--></a></div><div class="navbar-item"><a class="external-link" href="https://gitee.com/dreamer365/tinylayer" rel="noopener noreferrer" target="_blank" aria-label="代码仓库"><!--[--><!--]--> 代码仓库 <span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span><!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><button class="toggle-color-mode-button" title="toggle color mode"><svg style="" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg style="display:none;" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><form class="search-box" role="search"><input type="search" autocomplete="off" spellcheck="false" value><!----></form></div></header><!--]--><div class="sidebar-mask"></div><!--[--><aside class="sidebar"><nav class="navbar-items"><!--[--><div class="navbar-item"><a href="/tinylayer/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/tinylayer/introduce/" class="" aria-label="组件简介"><!--[--><!--]--> 组件简介 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/tinylayer/guide/" class="router-link-active" aria-label="使用指南"><!--[--><!--]--> 使用指南 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/tinylayer/changelog/" class="" aria-label="更新日志"><!--[--><!--]--> 更新日志 <!--[--><!--]--></a></div><div class="navbar-item"><a class="external-link" href="https://gitee.com/dreamer365/tinylayer/issues" rel="noopener noreferrer" target="_blank" aria-label="提交Bug"><!--[--><!--]--> 提交Bug <span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span><!--[--><!--]--></a></div><div class="navbar-item"><a class="external-link" href="https://gitee.com/dreamer365/tinylayer" rel="noopener noreferrer" target="_blank" aria-label="代码仓库"><!--[--><!--]--> 代码仓库 <span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span><!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading active">使用指南 <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a href="/tinylayer/guide/" class="router-link-active sidebar-item" aria-label="安装"><!--[--><!--]--> 安装 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/loading/" class="sidebar-item" aria-label="Loading 模式"><!--[--><!--]--> Loading 模式 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/alert/" class="sidebar-item" aria-label="Alert 模式"><!--[--><!--]--> Alert 模式 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/confirm/" class="sidebar-item" aria-label="Confirm 模式"><!--[--><!--]--> Confirm 模式 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/prompt/" class="sidebar-item" aria-label="Prompt 模式"><!--[--><!--]--> Prompt 模式 <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/tinylayer/guide/custom-theme/" class="router-link-active router-link-exact-active router-link-active sidebar-item active" aria-label="自定义主题"><!--[--><!--]--> 自定义主题 <!--[--><!--]--></a><!----></li><li><p tabindex="0" class="sidebar-item">默认模式 <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a href="/tinylayer/guide/default/prop.md" class="sidebar-item" aria-label="属性列表"><!--[--><!--]--> 属性列表 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/event-slot.md" class="sidebar-item" aria-label="事件和插槽"><!--[--><!--]--> 事件和插槽 <!--[--><!--]--></a><!----></li><li><p tabindex="0" class="sidebar-item">示例 <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a href="/tinylayer/guide/default/demo/basic.md" class="sidebar-item" aria-label="基础用法"><!--[--><!--]--> 基础用法 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/set-width.md" class="sidebar-item" aria-label="设置宽度"><!--[--><!--]--> 设置宽度 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/fullscreen.md" class="sidebar-item" aria-label="全屏弹窗"><!--[--><!--]--> 全屏弹窗 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/iframe.md" class="sidebar-item" aria-label="嵌入 iframe"><!--[--><!--]--> 嵌入 iframe <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/autoclose.md" class="sidebar-item" aria-label="自动关闭"><!--[--><!--]--> 自动关闭 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/drag.md" class="sidebar-item" aria-label="可拖动弹窗"><!--[--><!--]--> 可拖动弹窗 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/hide-headerfooter.md" class="sidebar-item" aria-label="隐藏头尾"><!--[--><!--]--> 隐藏头尾 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/content-background.md" class="sidebar-item" aria-label="内容区域背景色"><!--[--><!--]--> 内容区域背景色 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/content-height.md" class="sidebar-item" aria-label="自定义内容区域高度"><!--[--><!--]--> 自定义内容区域高度 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/fullscreenicon.md" class="sidebar-item" aria-label="显示全屏切换按钮"><!--[--><!--]--> 显示全屏切换按钮 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/custom-btntext.md" class="sidebar-item" aria-label="自定义按钮名称"><!--[--><!--]--> 自定义按钮名称 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/custom-header.md" class="sidebar-item" aria-label="自定义头部"><!--[--><!--]--> 自定义头部 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/custom-footer.md" class="sidebar-item" aria-label="自定义尾部"><!--[--><!--]--> 自定义尾部 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/ok-close.md" class="sidebar-item" aria-label="自定义确定按钮的关闭时机"><!--[--><!--]--> 自定义确定按钮的关闭时机 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/ok-loading.md" class="sidebar-item" aria-label="确定按钮的 loading 效果"><!--[--><!--]--> 确定按钮的 loading 效果 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/open-end.md" class="sidebar-item" aria-label="打开和关闭回调事件"><!--[--><!--]--> 打开和关闭回调事件 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/more-layer.md" class="sidebar-item" aria-label="打开多个弹窗"><!--[--><!--]--> 打开多个弹窗 <!--[--><!--]--></a><!----></li><li><a href="/tinylayer/guide/default/demo/noline.md" class="sidebar-item" aria-label="隐藏分割线"><!--[--><!--]--> 隐藏分割线 <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul></li><!--]--></ul></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h1 id="自定义主题" tabindex="-1"><a class="header-anchor" href="#自定义主题" aria-hidden="true">#</a> 自定义主题 <span class="badge tip" style=""><!--[-->v1.0.5 新增<!--]--></span></h1><p><code>TinyLayer</code> 允许开发者根据项目的实际情况自定义弹窗的主题样式，只需要设置相应的 css 样式变量即可。写法及目前支持的变量和默认值如下：</p><div class="language-css line-numbers-mode" data-ext="css"><pre class="language-css"><code><span class="token selector">div.tinylayer-container</span> <span class="token punctuation">{</span>

    <span class="token comment">/* 
        1. 确定按钮的边框色和背景色
        2. 取消按钮在 :hover 时的边框色和文字颜色
        3. loading 模式中提示文字的颜色以及图形的边线颜色
        4. prompt 模式中输入框在 :hover 和 :focus 状态时的边框色
     */</span>
    <span class="token property">--tinylayer-theme-color</span><span class="token punctuation">:</span> #1588fc<span class="token punctuation">;</span>

    <span class="token comment">/* alert 模式中 info 弹窗的图标背景色 */</span>
    <span class="token property">--tinylayer-info-icon-color</span><span class="token punctuation">:</span> #1588fc<span class="token punctuation">;</span>

    <span class="token comment">/* alert 模式中 success 弹窗的图标背景色 */</span>
    <span class="token property">--tinylayer-success-icon-color</span><span class="token punctuation">:</span> #24d472<span class="token punctuation">;</span>

    <span class="token comment">/* 
        1. alert 模式中 warning 弹窗的图标背景色
        2. confirm 模式中的图标背景色 
     */</span>
    <span class="token property">--tinylayer-warning-icon-color</span><span class="token punctuation">:</span> #f8a528<span class="token punctuation">;</span>

    <span class="token comment">/* 
        1. alert 模式中 error 弹窗的图标背景色
        2. prompt 模式中输入框校验错误时的高亮颜色 
     */</span>
    <span class="token property">--tinylayer-error-icon-color</span><span class="token punctuation">:</span> #f43f26<span class="token punctuation">;</span>

    <span class="token comment">/* 弹窗外框的圆角值 */</span>
    <span class="token property">--tinylayer-wrapper-radius</span><span class="token punctuation">:</span> 4px<span class="token punctuation">;</span>

    <span class="token comment">/* 弹窗底部按钮的圆角值 */</span>
    <span class="token property">--tinylayer-button-radius</span><span class="token punctuation">:</span> 4px<span class="token punctuation">;</span>

    <span class="token comment">/* prompt 模式中输入框的圆角值 */</span>
    <span class="token property">--tinylayer-prompt-input-radius</span><span class="token punctuation">:</span> 4px<span class="token punctuation">;</span>

    <span class="token comment">/* 默认模式的弹窗中内容区域的 &quot;上下左右&quot; 内边距 */</span>
    <span class="token property">--tinylayer-content-padding</span><span class="token punctuation">:</span> 15px<span class="token punctuation">;</span>

    <span class="token comment">/* 默认模式的弹窗中头尾区域的 &quot;左右&quot; 内边距 */</span>
    <span class="token property">--tinylayer-header-footer-padding</span><span class="token punctuation">:</span> 4px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div></div><!--[--><!--]--></div><footer class="page-meta"><!----><!----><!----></footer><nav class="page-nav"><p class="inner"><span class="prev"><a href="/tinylayer/guide/prompt/" class="" aria-label="Prompt 模式"><!--[--><!--]--> Prompt 模式 <!--[--><!--]--></a></span><!----></p></nav><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
    <script type="module" src="/tinylayer/assets/app.eb329006.js" defer></script>
  </body>
</html>
